<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title>食人豆平移</title>
		<style>
			@keyframes scaleDraw {  
            0%{
                transform: scale(1); 
            }
            25%{
                transform: scale(1.2);
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.2);
            }
        }

			#pacman /* Safari and Chrome: */
	    {
        width: 0;
        height: 0;
        border-right: 100px solid transparent;
        border-left: 100px solid lightpink;
        border-top: 100px solid lightpink;
        border-bottom: 100px solid lightpink;
        border-top-left-radius: 100px;
        border-top-right-radius: 100px;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
        -webkit-animation-name: scaleDraw; 
        -webkit-animation-timing-function: ease-in-out; 
        -webkit-animation-iteration-count: infinite;  
        -webkit-animation-duration: 5s; 
  
      }
       
     </style>
	</head>
	<body>
		
		<div id="pacman"></div>
		
	</body>
</html>

